草庐IT

css - :hover 上的重叠 div

全部标签

javascript - 在 Bootstrap 模态中滚动到 DIV

我有3个按钮将触发相同的模式但需要滚动到不同的部分。我正在努力实现这一目标,请提供帮助。LaunchmodalLaunchmodalLaunchmodal............................................. 最佳答案 使用模态事件shown.bs.modal并为该部分使用data。打开模式的链接可以在event.relatedTarget中找到。给你:-$('#myModal').on('shown.bs.modal',function(event){//resetthescrolltotop$

javascript - 如何逐行读取angular2上的csv文件

我正在用angular2编写一个应用程序,它读取一个csv文件,只需在html中输入:我可以访问component.ts中的文件:ngOnInit(){varinput=(document.getElementById("file"));input.addEventListener("change",function(event){varfiles=input.files;varlen=files.length;if(len){console.log("Filename:"+files[0].name);console.log("Type:"+files[0].type);consol

javascript - 使用 webpack、bookmarklet-loader、style 和 css-loader 创建书签

我正在尝试使用bookmarklet-loader创建一个小书签以及样式加载器和css加载器。但是我在将css导入我的小书签时遇到了问题。这是我的webpack.config.js:constpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');constCleanWebpackPlugin=require('clean-webpack-plugin');module.exports={entry:{index:'./src/index.js',bookmarklet:'./src/book

div 标签的 JavaScript 正则表达式

我有一个保存HTML页面的JavaScript变量,由于设置的原因,我需要提取之间的所有内容。和使用JavaScript从该变量。非常感谢任何帮助。 最佳答案 varhtml="hellostackoverflow!";varmatches=html.match(/[\S\s]*?/gi);varmatches=matches[0].replace(/(]+>)/gi,'');//StripHTMLtags?alert(matches); 关于div标签的JavaScript正则表达式,

javascript - 多个 setTimeout 上的 clearTimeout

我有多个这样的setTimeout函数:functionbigtomedium(visiblespan){visiblespan.removeClass('big').addClass('medium');setTimeout(function(){mediumtosmall(visiblespan);},150);};functionmediumtosmall(visiblespan){visiblespan.removeClass('medium').addClass('small');setTimeout(function(){smalltomedium(visiblespan)

javascript - 如何制作玻璃状和半透明效果的div?

我想给一个div一个玻璃反射外观以及半透明效果。我怎样才能结合这两种效果,使div看起来像一个玻璃般透明的小工具?有办法做到这一点吗?div的bgcolor是lightskyblue,还没有设置背景图片。 最佳答案 您可以在背景颜色中赋予alpha透明度。例如div{background:rgba(255,255,255,0.5);/*whitecolorwith50%transparency*/}在IE中,rgba不起作用。你需要使用过滤器。例如div{background:transparent;-ms-filter:"prog

javascript - 1000 个 div 上的 jQuery 单击事件,优化方法?

我正在构建一个销售事件门票的系统。目前大约有1000个不同的座位可供游客选择。也许有一天它会达到5000。现在我有一个div用于每个位置,然后是一些jQuery以使用ajax保留位置。所以这意味着我有大约1000个div,更令人担忧的是我的jQuery选择器在每个div上设置了一个点击事件。在这方面有更好的方法吗?我想在按下div时触发ajax,而不是重新加载页面。 最佳答案 使用.delegate():$("#container").delegate(".child","click",function(){alert("Click

javascript - 如何在 JavaScript 中测试 CSS 选择器?

我如何测试CSS1-3选择器以检查它们是否获得了正确的元素,例如使用JavaScript(也许是jQuery)? 最佳答案 到目前为止,最简单的传统方法是根本不使用JavaScript,而只是手动设置一个测试页面,您可以在其中测试选择器是否满足您的需求。您在Web上看到的测试用例(如众所周知的CSS3.infoSelectorsTest)实际上只是在线托管的增强版本。但是如果您正在寻找JavaScript方法,您可以尝试SelectorsAPI.它在现代DOM实现(IE8+和其他)中可用,它提供了一个JavaScript前端,用于使

javascript - 灯箱背景颜色应使用 CSS 覆盖整个屏幕

这是我的页面网址http://sample.com/mytest.php在此页面中,如果我们单击“登录”按钮,它将显示一个黑色背景的弹出屏幕。但是如果我们缩小页面,那么它会减小背景颜色的大小。但是如果我们缩小,我想覆盖整个屏幕的背景。我在我的页面中使用了下面的代码。.black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:2000%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(

javascript - 手动触发窗口对象上的事件

我正在像这样添加一个监听器:window.addEventListener('native.showkeyboard',function(e){......});我正在为此编写单元测试,所以我想触发该事件。我正在做:window.trigger('native.showkeyboard');但我最终发现该行出现错误:undefinedisnotafunction如何手动触发此事件?编辑我也试过:$(window).trigger('native.showkeyboard');但是处理程序不会运行它,因为它没有在jquery中注册... 最佳答案